
<link rel="stylesheet" type="text/css" href="<?= BASE_URI ?>slick/slick.css"/>
<div>
	<?php $this->view->partial('common/chat') ?>
</div>
<div class="profile-dn row">
	<div class="profile-wall small-12 small-centered medium-12 large-10 column" style="margin-top:3rem;">
		<div class="profile-left-wall small-12 medium-7 large-7 columns">
			  	<?php $this->view->partial('common/feeds'); ?>
		</div>
<!--Right div-->		
		<div class="profile-right-wall small-5 medium-5 large-5 columns">
			<?php $this->view->partial('common/suggested_connection'); ?>
			<?php $this->view->partial('common/top_ranked'); ?>

				<div class="right-bx-contain large-12 column" style="background:none;margin-top:-.5rem;border:none;">
				<?php $this->view->partial('common/footer'); ?>
				</div>
		
<!--End Right div-->
		</div>
	</div>
</div>

<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="<?= BASE_URI ?>slick/slick.js"></script>


<script type="text/javascript">
	$(document).ready(function(){
		$('.cen1').slick({
		  	slidesToScroll: 1,
	  		autoplay: true,
	  		autoplaySpeed: 5000,
	  		speed: 400,
	  		fade: true,
			slide: 'div',
			cssEase: 'linear'
		});

		$('.cen2').slick({
		  	slidesToScroll: 1,
	  		autoplay: true,
	  		autoplaySpeed: 7000,
	  		speed: 400,
	  		fade: true,
			slide: 'div',
			cssEase: 'linear'
		});

		$('.cen').slick({
		  	slidesToScroll: 1,
	  		autoplay: true,
	  		autoplaySpeed: 3000,
	  		speed: 400,
	  		fade: true,
			slide: 'div',
			cssEase: 'linear'
		});
	});
</script>


<style type="text/css">
button.slick-next {
	background: transparent; !important;

}
button.slick-prev {
	display: none !important;
}
button.slick-next:before {
    content: "\203A";
    color: #009EA1;
    font-size: 5rem;
    position: absolute;
    	margin-top: -3rem !important;
    	margin-left: -1.8rem;

}
</style>



